<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet"type="text/css"href="nav.css">
    <script src="jquery-2.1.0.min.js"></script>
    <script src="app.js"></script>
    <title>Title</title>
</head>
<body>
<div class="nav">
    <div class="logo">
        <div class="logo-left">
            <span class="user-campus">大连东软信息学院</span>
        </div>
    </div>

    <div class="logo-center">
        <span class="user_name">dldrxxadmin，欢迎您</span>
    </div>
    <div class="logo-right">
        <div class="module">
            <img src="image/1.png" class="logo-img">
            <span class="title">数据总览</span>
        </div>
        <div class="module">
            <img src="image/2.png" class="logo-img">
            <span class="title">学期管理</span>
        </div>
    </div>
    <div class="logo-out" >
        <img src="image/3.png" style="width: 22px;height: 22px;">
        <span class="out">退出</span>
    </div>
    <div class="side">
        <img src="image/4.png" style="width: 35px;height: 35px;margin-left: 20px;margin-top: 10px">
        <span class="side-title">运动世界</span>
    </div>
</div>
<div class="sidebar">
<ul>
    <li  class="main">
        <a href="#"><img src="image/tu2.png">校园系统</a>
        <ul>
            <li> <a href="#">院系管理 </a> </li>
            <li> <a href="#">教师管理 </a> </li>
            <li> <a href="#">学生管理 </a> </li>
            <li> <a href="#">课堂点名 </a> </li>
            <li> <a href="#">公告管理 </a> </li>
        </ul>
    </li>
    <li  class="main">
        <a href="#"><img src="image/tu3.png">课外运动系统</a>
        <ul>
            <li> <a href="#">运动管理 </a> </li>
            <li> <a href="#">学期目标管理 </a> </li>
            <li> <a href="#">运动成绩管理 </a> </li>
            <li> <a href="#">跑步管理 </a> </li>
            <li> <a href="#">作弊管理 </a> </li>
            <li> <a href="#">导出管理 </a> </li>
        </ul>
    </li>
    <li  class="main">
        <a href="#"><img src="image/tu4.png">体测系统</a>
        <ul>
            <li> <a href="#">体测管理 </a> </li>
            <li> <a href="#">体测成绩管理 </a> </li>
        </ul>
    </li>
    <li  class="main">
        <a href="#"><img src="image/tu5.png">场馆系统</a>
        <ul>
            <li> <a href="#">场馆管理 </a> </li>
            <li> <a href="#">用户管理 </a> </li>
            <li> <a href="#">订单管理 </a> </li>
            <li> <a href="#">出入场管理 </a> </li>
        </ul>
    </li>
    <li  class="main">
        <a href="#"><img src="image/tu6.png">考勤系统</a>
        <ul>
            <li> <a href="#">考勤设置管理 </a> </li>
            <li> <a href="#">考勤记录管理 </a> </li>
        </ul>
    </li>
</ul>
</div>
</body>
</html>